<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title></title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<header id="header" class="">
    <div class="container">
        <div class="global-nav">
            <button class="navbar-toggle">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand" href="index.html">烤天下</a>
            <nav class="navbar">
                <ul class="nav">
                    <li class="active">
                        <a href="index.html" class="home-current">首页</a>
                    </li>
                    <li class="">
                        <a href="food.html">招牌美食</a>
                    </li>
                    <li class="">
                        <a href="join.html">招商加盟</a>
                    </li>
                    <li class="">
                        <a href="profile.html">企业概括</a>
                    </li>
                    <li class="">
                        <a href="about.html">联系我们</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</header>
<section class="carousel-top">
    <div class="banner">
        <div class="b-img">

        </div>
        <div class="b-list"></div>
        <a class="bar-left" href="#"><em></em></a>
        <a class="bar-right" href="#"><em></em></a>
    </div>
</section>
<section id="greenx" style="background: #c30d23">
    <div class="container">
        <div class="row">
            <div class="item-title" style="padding-bottom: 20px">
                <h1 style="color: #c30d23">品牌特色</h1>
            </div>
            <div class="col-4">
                <div class="item item-ellipse">
                    <div class="item-pad item-pad-1"></div>
                    <div class="item-ellipse">
                        <h2>口味</h2>
                        <h3>KOUWEI</h3>
                        <p>
                            味道要经过沉淀才能成熟主烤官项目以中创永信（北京）食品科学研究院13年如一日从原料，
                            腌料，串法，烤法，蘸料多方面潜心钻研。
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-4">
                <div class="item item-ellipse">
                    <div class="item-pad item-pad-2"></div>
                    <div class="item-ellipse">
                        <h2>品味</h2>
                        <h3>PINWEI</h3>
                        <p>
                            不平庸，不盲从，
                            不怕错敢去做是90后和00后的时代特征，
                            主烤官从青春的品牌故事，创新的菜品口味，
                            亮眼的包装，
                            多个方面为年轻群体打造属于自己的烧烤店。
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-4">
                <div class="item item-ellipse">
                    <div class="item-pad item-pad-3"></div>
                    <div class="item-ellipse">
                        <h2>回味</h2>
                        <h3>HUIWEI</h3>
                        <p>
                            再好的青春，回忆的次数多了味道也就淡了。
                            主烤官用心将青春的味道化作一道道美食完整的保留下来，
                            为每位食客记录记忆中的青春，让每次回忆逗有滋有味。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="philosophy">
    <div class="container">
        <div class="row">
            <div class="item-title" style="padding-bottom: 30px">
                <h1>新闻</h1>
            </div>
            <div class="col-5 item-news">
                <div class="item-lists">
                    <div class="news-img">
                        <a href="#">
                            <img src="img/bj/news.jpg" alt="">
                        </a>
                    </div>
                    <div class="news-text">
                        <h4>
                            <a href="news-page.html">
                                烤天下成都新店开张
                            </a>
                        </h4>
                        <p>
                            个性定位，打造极致体验，新店开张火爆成都，
                            要玩要嗨就来烤天下，预定电话 8020113
                        </p>
                        <p class="news-large">04-20</p>
                        <p>2017</p>
                    </div>
                </div>
            </div>
            <div class="col-7 item-axis">
                <div class="item-axis-list clearfix">
                    <div class="item-sou">
                        <form action="">
                            <input type="text" placeholder="搜索以前的文章">
                            <i class="icon-sou"></i>
                            <button>搜索</button>
                        </form>
                    </div>
                    <div class="it_expert3">
                        <div id="hot_ranks2">
                            <ul class="clearfix current" style="display: block">
                                <li>
                                    <a href="news-page.html">
                                        <div class="axis-timl">
                                            <h4>05-16</h4>
                                            <span>2017</span>
                                        </div>
                                        <div class="axis-title">
                                            <h5>烤天下创始人做客2017央视元宵晚会</h5>
                                            <p>
                                                个性定位，打造极致体验，新店开张火爆成都，
                                                要玩要嗨就来烤天下，预定电话 010-8020113
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="axis-time">
                                            <h4>04-12</h4>
                                            <span>2017</span>
                                        </div>
                                        <div>
                                            <h5>夏天烧烤季 你的舌尖归我们</h5>
                                            <p>
                                                如何让烧烤爱好者们从路边摊挪到干净的厅堂里吃烧烤？
                                                这是一个餐饮习惯的迁移问题，要打通迁移的通道
                                            </p>
                                        </div>
                                    </a>
                                    <a href="#">
                                        <div class="axis-time">
                                            <h4>04-08</h4>
                                            <span>2017</span>
                                        </div>
                                        <div>
                                            <h5>做品牌，跳出套路才更有价值</h5>
                                            <p>
                                                一个有生命力的品牌对于用户群体来说像一块具有内循环功能的海绵，
                                                不断的吸收，然后反作用于自身来变得更强大， 从而达到更大的体量
                                            </p>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                            <ul class="clearfix current" style="display: none">
                                <li>
                                    <a href="#">
                                        <div class="axis-timl">
                                            <h4>04-01</h4>
                                            <span>2017</span>
                                        </div>
                                        <div class="axis-title">
                                            <h5>我们的初心，就是让创业者们成功</h5>
                                            <p>
                                                在风起云涌的餐饮江湖，烤天下异军突起，
                                                不仅凭借强势的酒吧烧烤文化刷新了烧烤行业的标准
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="axis-time">
                                            <h4>03-28</h4>
                                            <span>2017</span>
                                        </div>
                                        <div>
                                            <h5>丹麦最近有点忧伤，</h5>
                                            <p>
                                                夏天吃烧烤有三怕，
                                                第一是呛烟四起眼泪咳嗽喝着肉一起吃；
                                                第二是邻座光膀子撸串嗨起的食客辣眼睛
                                            </p>
                                        </div>
                                    </a>
                                    <a href="#">
                                        <div class="axis-time">
                                            <h4>03-26</h4>
                                            <span>2017</span>
                                        </div>
                                        <div>
                                            <h5>烤天下成都新店开张</h5>
                                            <p>
                                                个性定位，打造极致体验，新店开张火爆成都，
                                                要玩要嗨就来烤天下，预定电话 010-8020113
                                            </p>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                            <ul class="clearfix current" style="display: none">
                                <li>
                                    <a href="#">
                                        <div class="axis-timl">
                                            <h4>03-22</h4>
                                            <span>2017</span>
                                        </div>
                                        <div class="axis-title">
                                            <h5>2烤天下成都新店开张</h5>
                                            <p>
                                                个性定位，打造极致体验，新店开张火爆成都，
                                                要玩要嗨就来烤天下，预定电话 010-8020113
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="axis-time">
                                            <h4>03-21</h4>
                                            <span>2017</span>
                                        </div>
                                        <div>
                                            <h5>烤天下成都新店开张</h5>
                                            <p>
                                                个性定位，打造极致体验，新店开张火爆成都，
                                                要玩要嗨就来烤天下，预定电话 010-8020113
                                            </p>
                                        </div>
                                    </a>
                                    <a href="#">
                                        <div class="axis-time">
                                            <h4>03-18</h4>
                                            <span>2017</span>
                                        </div>
                                        <div>
                                            <h5>烤天下成都新店开张</h5>
                                            <p>
                                                个性定位，打造极致体验，新店开张火爆成都，
                                                要玩要嗨就来烤天下，预定电话 010-8020113
                                            </p>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="button-cut">
                        <span id="it_awewe" class="it_awewe">

                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="net">
    <div class="container">
        <div class="row">
            <div class="col-3">
                <div class="items">
                    <img src="img/icon/f-1.png" alt="">
                    <h3>半成品输出，极速配送</h3>
                </div>
            </div>
            <div class="col-3">
                <div class="items">
                    <img src="img/icon/f-2.png" alt="">
                    <h3>优质产地，严格品控</h3>
                </div>
            </div>
            <div class="col-3">
                <div class="items">
                    <img src="img/icon/f-3.png" alt="">
                    <h3>品类齐全，口味丰富</h3>
                </div>
            </div>
            <div class="col-3">
                <div class="items">
                    <img src="img/icon/f-4.png" alt="">
                    <h3>菜品创新，活动迭代</h3>
                </div>
            </div>
        </div>
    </div>
</section>
<footer id="footer">
    <div class="container">
        <div class="copy">
            ©AUI 素材网 京ICP备15006025号-1
        </div>
        <div class="copy">
            Copyright © 2012-2016 www.a-ui.cn
            <span>
                地址：北京市海淀区北三环西路43号中航广场6层
            </span>
        </div>
    </div>
</footer>

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>